import React, { useState } from "react";
import {Color} from './model/color'
import ColorBrowser from './ColorBrowser'

// 根组件没有特别需求的话 不加React.FC
const App=()=>{
    // ts为大型项目而来 容不了一点bug model上岸~
    // ts用来做大型项目 每一步都严格 类型约束或接口
    // <>泛化 绑定到Color
    const [color,setColor] = useState<Color>({
        red:200,
        green:40,
        blue:180
    })
    return(
        <>
            <ColorBrowser color={color} />
        </>
    )
}

export default App